<template>
  <div id="app">
    <HelloWorld>
      <template #h2>
        <h2>{{ a1 }}</h2>
      </template>
      <template #ul>
        <li><a> 区块链 </a> <span>98</span></li>
        <li><a> 数据计 </a> <span>18</span></li>
        <li><a> 无人机 </a> <span>83</span></li>
        <li><a> 生命科学 </a> <span>76</span></li>
        <li><a> 传感器 </a> <span>76</span></li>
      </template>
    </HelloWorld>

    <HelloWorld>
      <template #h2>
        <h2>{{ a2 }} <span>换一批</span></h2>
      </template>
      <template #ul>
        <li>
          <div>
            <h3>李国胜</h3>
            <p>研究领域</p>
            <p>就任大学</p>
          </div>
          <div>关注</div>
        </li>
        <li>
          <div>
            <h3>陈颖</h3>
            <p>研究领域</p>
            <p>就任大学</p>
          </div>
          <div>关注</div>
        </li>
      </template>
    </HelloWorld>
  </div>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";

export default {
  name: "App",
  data() {
    return {
      a1: "本周热搜",
      a2: "可能感兴趣的人",
    };
  },
  components: {
    HelloWorld,
  },
};
</script>
<style scoped>
</style>